<template>
	<view>
		<u-cell-group>
			<navigator url="editHead" hover-class="navigator-hover">
				<u-cell-item icon="edit-pen" title="修改头像"></u-cell-item>
			</navigator>
			
			<navigator url="editNick" hover-class="navigator-hover">
				<u-cell-item icon="edit-pen" title="修改昵称"></u-cell-item>
			</navigator>
			
			<navigator url="editSig" hover-class="navigator-hover">
				<u-cell-item icon="edit-pen" title="修改个性签名" value="新版本"></u-cell-item>
			</navigator>
			
			<navigator url="editLoc" hover-class="navigator-hover">
				<u-cell-item icon="edit-pen" title="共享位置" value="新版本"></u-cell-item>
			</navigator>
			
			<navigator url="editPho" hover-class="navigator-hover">
				<u-cell-item icon="edit-pen" title="设置手机号"  label="仅好友可见"  value="新版本"></u-cell-item>
			</navigator>
			
			<navigator url="editWxn" hover-class="navigator-hover">
				<u-cell-item icon="edit-pen" title="设置微信号" label="仅好友可见"  value="新版本"></u-cell-item>
			</navigator>
				
		</u-cell-group>
	</view>
</template>

<script>
	import editHead from './editHead.vue'
	import editNick from './editNick.vue'
	import editSig from './editSig.vue'
	import editPho from './editPho.vue'
	import editWxn from './editWxn.vue'
	import editLoc from './editLoc.vue'
	export default {
		components:{
			editHead,
			editNick,
			editPho,
			editSig,
			editWxn,
			editLoc
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.label-style{
		color: red;
	}

</style>
